<!-- 告知浏览器页面使用html5规范，没有结束标签，对大小写不明感，不加的话会导致页面在不同的浏览器上产生不同的效果 -->
<!DOCTYPE html>
<!-- 指定当前页面的语言是简体中文 -->
<html lang="zh-cmn-Hans">
	<head>
		<!-- 声明页面使用utf-8字符编码 -->
		<meta charset="utf-8">
		<title>AdminLTE Powered</title>
		<!-- 告诉浏览器优先使用最新版本的IE和Chrome -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<!-- 优化网页在移动浏览器上的布局 -->
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<!-- Bootstrap 3.3.5 -->
		<link href="/vender/bootstrap/css/bootstrap.min.css" rel="stylesheet">
		<!-- Font Awesome -->
    	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">
    	<!-- Ionicons -->
    	<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet">
    	<!-- AdminLTE主题样式 -->
    	<link href="/css/AdminLTE.min.css" rel="stylesheet">
    	<!-- AdminLTE皮肤 -->
    	<link href="/css/skins/skin-blue.min.css" rel="stylesheet">
   	    <!-- 让IE8浏览器支持html5以及css3 -->
   	    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
	    <!--[if lt IE 9]>
	        <script src="/vender/ie/html5shiv.min.js"></script>
	        <script src="/vender/ie/respond.min.js"></script>
	    <![endif]-->
	</head>
	<body class="hold-transition skin-blue sidebar-mini">
		<div class="wrapper">
			<!-- 顶部区域 -->
			<header class="main-header">
			
				<!-- 顶部Logo -->
				<a class="logo" href="javascript:alert('logo')">
					<!-- 用于侧边栏50x50像素的时候 -->
					<span class="logo-mini"><b>物流</b>监控平台</span>
					<!-- 用于普通状态和移动设备 -->
					<span class="logo-lg"><b>物流</b>详情监控平台</span>
				</a>
			
				<!-- 顶部导航栏 -->
				<nav class="navbar navbar-static-top" role="navigation">
					<!-- 侧边栏切换按钮 -->
					<a class="sidebar-toggle" href="javascript:void(0)" data-toggle="offcanvas" role="button">
						<span class="sr-only">切换导航</span>
					</a>
					<!-- 导航栏右侧菜单 -->
					<div class="navbar-custom-menu">
						<ul class="nav navbar-nav">
							<!-- 消息下拉菜单 -->
							<li class="dropdown messages-menu">
								<!-- 消息下拉按钮 -->
								<a class="dropdown-toggle" href="javascript:void(0)" data-toggle="dropdown">
									<i class="fa fa-envelope-o"></i>
									<span class="label label-success">4</span>
								</a>
								<!-- 消息下拉内容 -->
								<ul class="dropdown-menu">
									<li class="header">你有4条消息</li>
									<li>
										<!-- 消息列表 -->
										<ul class="menu">
											<li><!-- 消息开始 -->
												<a href="javascript:void(0)">
													<div class="pull-left">
														<!-- 用户图片 -->
														<img class="img-circle" src="/img/user2-160x160.jpg" alt="用户照片">
													</div>
													<!-- 消息标题和时间戳  -->
													<h4>
														支持团队<small><i class="fa fa-clock-o"></i> 5分钟前</small>
													</h4>
													<!-- 消息内容 -->
													<p>
														为什么不购买一个绝妙的主题呢？
													</p>
												</a>
											</li><!-- 消息结束 -->
											<li>
												<a href="javascript:void(0)">
													<div class="pull-left">
														<img class="img-circle" src="/img/user2-160x160.jpg" alt="用户照片">
													</div>
													<!-- 消息标题和时间戳  -->
													<h4>
														支持团队<small><i class="fa fa-clock-o"></i> 5分钟前</small>
													</h4>
													<p>
														为什么不购买一个绝妙的主题呢？
													</p>
												</a>
											</li>
											<li>
												<a href="javascript:void(0)">
													<div class="pull-left">
														<img class="img-circle" src="/img/user2-160x160.jpg" alt="用户照片">
													</div>
													<!-- 消息标题和时间戳  -->
													<h4>
														支持团队<small><i class="fa fa-clock-o"></i> 5分钟前</small>
													</h4>
													<p>
														为什么不购买一个绝妙的主题呢？
													</p>
												</a>
											</li>
										</ul><!-- /.menu -->
									</li>
									<li class="footer"><a href="javascript:void(0)">查看全部消息</a></li>
								</ul>
							</li><!-- /.message-menu -->
							
							<!-- 通知下拉菜单 -->
							<li class="dropdown notifications-menu">
								<!-- 通知下拉按钮 -->
								<a class="dropdown-toggle" href="javascript:void(0)" data-toggle="dropdown">
									<i class="fa fa-bell-o"></i>
									<span class="label label-warning">10</span>
								</a>
								<!-- 通知下拉内容 -->
								<ul class="dropdown-menu">
									<li class="header">你有十条通知</li>
									<li>
										<ul class="menu">
											<li><!-- 通知开始 -->
												<a href="javascript:void(0)">
													<i class="fa fa-users text-aqua"></i> 今天加入5个新成员
												</a>
											</li><!-- 通知结束 -->
										</ul>
									</li>
									<li class="footer"><a href="javascript:void(0)">查看全部</a></li>
								</ul>
							</li>
							
							<!-- 任务菜单 -->
							<li class="dropdown tasks-menu">
								<!-- 任务菜单下拉按钮 -->
								<a class="dropdown-toggle" href="javascript:void(0)" data-toggle="dropdown">
									<i class="fa fa-flag-o"></i>
									<span class="label label-danger">9</span>
								</a>
								<ul class="dropdown-menu">
									<li class="header">你有9个任务</li>
									<li>
										<ul class="menu">
											<li><!-- 任务开始 -->
												<a href="javascript:void(0)">
													<!-- 任务标题和进度文本 -->
													<h3>
														设计一些按钮
														<small class="pull-righjt">20%</small>
													</h3>
													<!-- 进度条 -->
													<div class="progress xs">
														<div class="progress-bar progress-bar-aqua" style="width:20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
															<span class="sr-only">已完成20%</span>
														</div>
													</div>
												</a>
											</li><!-- 任务结束 -->
										</ul>
									</li>
									<li class="footer"><a href="javascript:void(0)">查看全部任务</a></li>
								</ul>
							</li>
							
							<!-- 用户账户菜单 -->
							<li class="dropdown user user-menu">
								<!-- 用户账户菜单下拉按钮 -->
								<a class="dropdown-toggle" href="javascript:void(0)" data-toggle="dropdown">
									<img class="user-image" src="/img/user2-160x160.jpg" alt="用户照片">
									<!-- hidden-xs将会在小屏幕设备中隐藏用户的姓名 -->
									<span class="hidden-xs">Summer</span>
								</a>
								<ul class="dropdown-menu">
									<!-- 菜单头 -->
									<li class="user-header">
										<!-- 菜单中的用户图片 -->
										<img class="img-circle" src="/img/user2-160x160.jpg" alt="用户照片">
										<p>Summer - Java Developer</p>
										<small>Member since Jan. 2015</small>
									</li>
									<!-- 菜单体 -->
									<li class="user-body">
										<div class="col-xs-4 text-center">
											<a href="javascript:void(0)">关注</a>
										</div>
										<div class="col-xs-4 text-center">
											<a href="javascript:void(0)">销售</a>
										</div>
										<div class="col-xs-4 text-center">
											<a href="javascript:void(0)">好友</a>
										</div>
									</li>
									<!-- 菜单尾 -->
									<li class="user-footer">
										<div class="pull-left">
											<a class="btn btn-default btn-flat">个人资料</a>
										</div>
										<div class="pull-right">
											<a class="btn btn-defau;t btn-flat">退出系统</a>
										</div>										
									</li>
								</ul>
							</li>
							
							<!-- 控制右侧侧边栏菜单切换按钮 -->
							<li>
								<a href="javascript:void(0)" data-toggle="control-sidebar">
									<i class="fa fa-gears"></i>
								</a>
							</li>
						</ul>
					</div>
				</nav>
			</header>
			
			<!-- 左侧菜单栏 -->
			<aside class="main-sidebar">
				<section class="sidebar">
					<!-- 用户面板 -->	
					<div class="user-panel">
						<div class="pull-left image">
							<img class="img-circle" src="/img/user2-160x160.jpg" alt="用户图片">
						</div>
						<div class="pull-left info">
							<p>Summer</p>
							<!-- 用户当前状态 -->
							<a href="javascript:void(0)">
								<i class="fa fa-circle text-success"></i>
								在线
							</a>
						</div>
					</div>
					
					<!-- 搜索框 -->
					<form class="sidebar-form" action="#" method="get">
						<div class="input-group">
							<input class="form-control" name="q" type="text" placeholder="搜索...">
							<span class="input-group-btn">
								<button class="btn btn-flat" id="search-btn" name="search" type="submit">
									<i class="fa fa-search"></i>
								</button> 
							</span>
						</div>
					</form>
					<!-- /.搜索框 -->
					
					<!-- 左侧边框按钮 -->
					<ul class="sidebar-menu">
						<li class="header">头部</li>
						<li>
							<a href="javascript:void(0)">
								<!-- 超链接设置图片 -->
								<i class="fa fa-link"></i>
								<span>超链接</span>
							</a>
						</li>
						<li class="active">
							<a href="javascript:void(0)">
								<i class="fa fa-link"></i>
								<span>另外一个超链接</span>
							</a>
						</li>
						<li class="treeview">
							<a href="javascript:void(0)">
								<i class="fa fa-link"></i>
								<span>多级菜单</span>
								<i class="fa fa-angle-left pull-right"></i>
							</a>
							<ul class="treeview-menu">
								<li><a href="javascript:void(0)">二级菜单</a></li>
								<li><a href="javascript:void(0)">二级菜单</a></li>
							</ul>
						</li>
					</ul><!-- /.左侧边框按钮 -->
				</section>
			</aside>
			
			<!-- 主页面包裹层 -->
			<div class="content-wrapper">
				<!-- 主页面头 -->
				<section class="content-header">
					<h1>页面头部<small>可选的描述</small></h1>
					<ol class="breadcrumb">
						<li><a href="javascript:void(0)"><i class="fa fa-dashboard"> 级别</i></a></li>
						<li class="active">这里</li>
					</ol>
				</section>
				
				<!-- 主页面内容 -->
				<section class="content">
					<!-- 这里放页面 -->
				</section>
			</div>
			
			<!-- 页面底部 -->
			<footer class="main-footer">
				<!-- 向右偏移 -->
				<div class="pull-right hidden-xs">
					所有你想要的
				</div>
				<!-- 默认左侧 -->
				<strong>Copyright &copy; 2015 <a href="javascript:void(0)">Summer</a>.</strong>版权所有.
			</footer>
			
			<!-- 右侧侧边栏 -->
			<aside class="control-sidebar control-sidebar-dark">
				<!-- 创建标签页 -->
				<ul class="nav nav-tabs nav-justified control-sidebar-tabs">
					<li class="active">
						<a href="#control-sidebar-home-tab" data-toggle="tab">
							<i class="fa fa-home"></i>
						</a>
					</li>
					<li>
						<a href="#control-sidebar-settings-tab" data-toggle="tab">
							<i class="fa fa-gears"></i>
						</a>
					</li>
				</ul>
				<!-- 标签框 -->
				<div class="tab-content">
					<!-- 主页标签内容 -->
					<div class="tab-pane active" id="control-sidebar-home-tab">
						<h3 class="control-sidebar-heading">最近活动</h3>
						<ul class="control-sidebar-menu">
							<li>
								<a href="javascript:void(0)">
									<i class="menu-icon fa fa-birthday-cake bg-red"></i>
									<div class="menu-info">
										<h4 class="control-sidebar-subheading">
											Summer's Birthday
										</h4>
										<p>在 2015.6.24</p>
									</div>
								</a>
							</li>
						</ul>
						
						<h3 class="control-sidebar-heading">任务进度</h3>
						<ul class="control-sidebar-menu">
							<li>
								<a href="javascript:void(0)">
									<h4 class="control-sidebar-subheading">
										定制模板设计
										<span class="label label-danger pull-right">70%</span>
									</h4>
									<div class="progress progress-xxs">
										<div class="progress-bar progress-bar-danger" style="width:70%"></div>
									</div>
								</a>
							</li>
						</ul>
					</div>
					
					<div class="tab-pane" id="control-sidebar-stats-tab">
						状态标签页内容
					</div>
					<div class="tab-pane" id="control-sidebar-settings-tab">
						<form method="post">
							<h3 class="control-sidebar-heading">一般设置</h3>
							<div class="form-group">
								<label class="control-sidebar-subheading">
									报告面板使用情况
									<input class="pull-right" type="checkbox" checked>
								</label>
								<p>关于一般设置选项的一些信息</p>
							</div>
						</form>
					</div>
				</div>
			</aside>
			<!-- 添加侧边栏背景。这个Div一定要被立刻替换在控制侧边栏的时候 -->
			<div class="control-sidebar-bg"></div>
		</div>
		
		<!-- 需要的JS文件 -->
		
		<!-- jQuery 2.1.4 -->
		<script src="/vender/jquery/jQuery-2.1.4.min.js" type="text/javascript"></script>
		<!-- Bootstrap 3.3.5 -->
		<script src="/vender/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
		<!-- Slim Scroll -->
		<script src="/vender/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script>
		<!-- Fast Click -->
		<script src="/vender/fastclick/fastclick.min.js" type="text/javascript"></script>
		<!-- AdminLTE -->
		<script src="/js/app.js" type="text/javascript"></script>
	</body>
</html>